<template>
    <div class="detail">
        <van-grid :column-num="4">
        <van-grid-item><img src="/tupian/妇科.png" alt="">妇科</van-grid-item>
        <van-grid-item><img src="/tupian/儿科.png" alt="" @click="keshi">儿科</van-grid-item>
        <van-grid-item><img src="/tupian/待评价.png" alt="">皮肤科</van-grid-item>
        <van-grid-item><img src="/tupian/妇产科.png" alt="">妇产科</van-grid-item>
        <van-grid-item><img src="/tupian/精神心理科.png" alt="">精神心理科</van-grid-item>
        <van-grid-item><img src="/tupian/口腔科.png" alt="">口腔科</van-grid-item>
        <van-grid-item><img src="/tupian/男科.png" alt="">男科</van-grid-item>
        <van-grid-item><img src="/tupian/内科.png" alt="">内科</van-grid-item>
        <van-grid-item><img src="/tupian/外科.png" alt="">外科</van-grid-item>
        <van-grid-item><img src="/tupian/眼科.png" alt="">眼科</van-grid-item>
        <van-grid-item><img src="/tupian/眼科.png" alt="">眼科</van-grid-item>
        <van-grid-item><img src="/tupian/眼科.png" alt="">眼科</van-grid-item>
        <van-grid-item><img src="/tupian/眼科.png" alt="">眼科</van-grid-item>
        <van-grid-item><img src="/tupian/眼科.png" alt="">眼科</van-grid-item>
        <van-grid-item><img src="/tupian/营养科.png" alt="">营养科</van-grid-item>
        <van-grid-item><img src="/tupian/中医.png" alt="">中医</van-grid-item>
        <van-grid-item><img src="/tupian/肿瘤科.png" alt="">肿瘤科</van-grid-item>
        </van-grid>
    </div>
</template>

<script>
import Vue from 'vue';
import { Grid, GridItem } from 'vant';

Vue.use(Grid);
Vue.use(GridItem);
export default {
    name:'detail',
    methods: {
        keshi(){
            this.$router.push('/details')
        }
    },
}
</script>

<style>

</style>